﻿<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="css/main.css" type="text/css"/>
    <!-- 导入首页轮播图css和js脚本 -->
    <link type="text/css" href="css/autoplay.css" rel="stylesheet"/>
    <script type="text/javascript" src="js/autoplay.js"></script>

</head>
<body class="main">
<!-- 1.网上书城顶部 start -->
<div id="divhead">
    <table cellspacing="0" class="headtable">
        <tr>
            <td>
                <a href="#">
                    <img src="images/logo.png" width="200" height="60" border="0"/>
                </a>
            </td>
            <td style="text-align:right">
                <img src="images/cart.gif" width="26" height="23" style="margin-bottom:-4px"/>&nbsp;<a
                    href="#">购物车</a>
                | <a href="#">帮助中心</a>
                | <a href="#">我的帐户</a>
                | <a href="register.html">新用户注册</a>

            </td>
        </tr>
    </table>
</div>
<!-- 网上书城顶部  end -->

<!--2. 网上书城菜单列表  start -->
<div id="divmenu">
    <a href="#">文学</a>
    <a href="#">生活</a>
    <a href="#">计算机</a>
    <a href="#">外语</a>
    <a href="#">经管</a>
    <a href="#">励志</a>
    <a href="#">社科</a>
    <a href="#">学术</a>
    <a href="#">少儿</a>
    <a href="#">艺术</a>
    <a href="#">原版</a>
    <a href="#">科技</a>
    <a href="#">考试</a>
    <a href="#">生活百科</a>
    <a href="#" style="color:#FFFF00">全部商品目录</a>
</div>
<div id="divsearch">
    <form action="#" id="searchform">
        <table width="100%" border="0" cellspacing="0">
            <tr>
                <td style="text-align:right; padding-right:220px">
                    Search
                    <input type="text" name="textfield" class="inputtable" id="textfield" value="请输入书名"
                           onmouseover="this.focus();"
                           onclick="my_click(this, 'textfield');"
                           onBlur="my_blur(this, 'textfield');"/>
                    <a href="#">
                        <img src="images/serchbutton.gif" border="0" style="margin-bottom:-4px" onclick="search()"/>
                    </a>
                </td>
            </tr>
        </table>
    </form>
</div>
<!-- 网上书城菜单列表  end -->

<!-- 3.网上书城首页轮播图  start -->
<div id="box_autoplay">
    <div class="list">
        <ul>
            <li><img src="ad/index_ad1.jpg" alt=""></li>
            <li><img src="ad/index_ad2.jpg" alt=""></li>
            <li><img src="ad/index_ad3.jpg" alt=""></li>
            <li><img src="ad/index_ad4.jpg" alt=""></li>
            <li><img src="ad/index_ad5.jpg" alt=""></li>
        </ul>
    </div>
</div>
<!-- 网上书城首页轮播图  end -->
<!--4. 公告板和本周热卖  start -->
<div id="divcontent">
    <table width="900px" border="0" cellspacing="0">
        <tr>
            <td width="497">
                <img src="images/billboard.gif" width="497" height="38"/>
                <table cellspacing="0" class="ctl">
                    <tr>
                        <td width="485" height="29">
                            尊敬的传智书城用户，<br/>
                            为了让大家有更好的购物体验，3月25日起，当日达业务关小黑屋回炉升级！
                            <br/>
                            具体开放时间请留意公告，感谢大家的支持与理解，祝大家购物愉快！
                            <br>
                            3月23日<br/>
                            传智播客传智书城系统管理部<br>
                        </td>
                    </tr>
                </table>
            </td>
            <td style="padding:5px 15px 10px 40px">
                <table width="100%" border="0" cellspacing="0">
                    <tr>
                        <td>
                            <img src="images/hottitle.gif" width="126" height="29"/>
                        </td>
                    </tr>
                </table>
                <table width="100%" border="0" cellspacing="0">
                    <tr>
                        <td style="width:80; text-align:center">
                            <a href="">
                                <img src="bookcover/105.jpg" width="102" height="130" border="0"/>
                            </a>
                            <br/>
                        </td>
                        <td style="width:80;text-align:center">
                            <a href="">
                                <img src="bookcover/106.jpg" width="102" height="130" border="0"/>
                            </a>
                            <br/>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</div>
<!-- 公告板和本周热卖  end -->
<!--5. 网上书城底部 start -->
<div id="divfoot">
    <table width="1008"border="0"cellspacing="O">
    <tr>
        <td rowspan="2"style="width:10%">
            <img src="images/logo.png"width="195"height="50"
                 style="margin-left:175px"/>
        </td>
        <td style="padding-top:5px;padding-left:50px">
            <a href="#">
                <font color="#747556"><b>CONTACT US</b></font>
            </a>
        </td>
    </tr>
    <tr>
        <td style="padding-left:50px">
            <font color="#CCCCCC">
                <b>COPYRIGHT 2015 &copy;BookStore A11 Rights RESERVED.</b>
            </font>
        </td>
    </tr>
    </table>
</div>
<!-- 网上书城底部  end -->
</body>
</html>